<script lang="js" setup>
</script>

<template>
  <div class="header">
    <router-link to="/a">
      <div class="route-path">A</div>
    </router-link>
    <router-link to="/b">
      <div class="route-path">B</div>
    </router-link>
    <!--    <router-link :to="{path:'/c'}">-->
    <router-link :to="{name:'c'}">
      <div class="route-path">C</div>
    </router-link>
  </div>
  <router-view/>
</template>

<style scoped>
.header {
  display: flex;
}

.route-path {
  margin-right: 10px;
}
</style>
